<template>    
    <div class="payment mt15">        
        <dl class="dl">
            <dt>在线支付项 <span class="fr">共1项</span></dt>
            <dd>黑钻保养卡<span class="fr">￥238.20</span></dd>
            <dd>黑钻保养卡<span class="fr">￥238.20</span></dd>
            <dd>黑钻保养卡<span class="fr">￥238.20</span></dd>
            <dd>黑钻保养卡<span class="fr">￥238.20</span></dd>
            <dd>黑钻保养卡<span class="fr">￥238.20</span></dd>
            <dt>在线支付项 <span class="fr">共1项</span></dt>
            <dd>黑钻保养卡<span class="fr">￥238.20</span></dd>
            <dd>黑钻保养卡<span class="fr">￥238.20</span></dd>
            <dd>黑钻保养卡<span class="fr">￥238.20</span></dd>
            <dd>黑钻保养卡<span class="fr">￥238.20</span></dd>
            <dd>黑钻保养卡<span class="fr">￥238.20</span></dd>   
            <dt>在线支付项 <span class="fr">共1项</span></dt>
            <dd>黑钻保养卡<span class="fr">￥238.20</span></dd>
            <dd>黑钻保养卡<span class="fr">￥238.20</span></dd>
            <dd>黑钻保养卡<span class="fr">￥238.20</span></dd>
            <dd>黑钻保养卡<span class="fr">￥238.20</span></dd>
            <dd>黑钻保养卡<span class="fr">￥238.20</span></dd>   
            <dt>在线支付项 <span class="fr">共1项</span></dt>
            <dd>黑钻保养卡<span class="fr">￥238.20</span></dd>
            <dd>黑钻保养卡<span class="fr">￥238.20</span></dd>
            <dd>黑钻保养卡<span class="fr">￥238.20</span></dd>
            <dd>黑钻保养卡<span class="fr">￥238.20</span></dd>
            <dd>黑钻保养卡<span class="fr">￥238.20</span></dd>   
            <dt>在线支付项 <span class="fr">共1项</span></dt>
            <dd>黑钻保养卡<span class="fr">￥238.20</span></dd>
            <dd>黑钻保养卡<span class="fr">￥238.20</span></dd>
            <dd>黑钻保养卡<span class="fr">￥238.20</span></dd>
            <dd>黑钻保养卡<span class="fr">￥238.20</span></dd>
            <dd>黑钻保养卡<span class="fr">￥238.20</span></dd>               
        </dl>
        <p class="price">总计 <span><em class="icon-yuan">￥<em>298.00<span></p>
    </div>
</template>

<style lang="scss" scoped>
    @import "../../assets/css/_functions.scss";
    @import "../../assets/css/_variables.scss";
    .payment{
        background: $_fff;
        font-size: rem(14);
        padding:rem(12) rem(15) rem(0);
        margin-bottom: rem(63);
        dt{
            font-weight: bold;
            line-height: rem(19);
            margin-bottom: rem(4);
        }
        dd{
            line-height:rem(27);
            font-size: rem(13);
            color: $_666;
        }
        dl{
            border-bottom:1px solid $_eee;
            padding-bottom:rem(10);
        }
        .price{
            line-height: rem(44);
            text-align:right;
            span{
                color: $_ff0000;
            }
        }
    }
    
</style>
